html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, ol { list-style:none;}
ul li{ list-style:none;	list-style-type:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;}
a { text-decoration:none;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6{	font-weight:normal;}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0;  padding:0;}
input, select { vertical-align:middle; }
/* END: reset */
@font-face {
    font-family: 'UTMCafetaRegular';
    src: url('../font/utm_cafeta-webfont.eot');
    src: url('../font/utm_cafeta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/utm_cafeta-webfont.woff') format('woff'),
         url('../font/utm_cafeta-webfont.ttf') format('truetype'),
         url('../font/utm_cafeta-webfont.svg#UTMCafetaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTMSwissCondensedRegular';
    src: url('../font/utm_swiss_condensed-webfont.eot');
    src: url('../font/utm_swiss_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/utm_swiss_condensed-webfont.woff') format('woff'),
         url('../font/utm_swiss_condensed-webfont.ttf') format('truetype'),
         url('../font/utm_swiss_condensed-webfont.svg#UTMSwissCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* END: @fontface */
body{
	background: #fff;
    color: #414141;
    font: 11px Arial,Helvetica,sans-serif;
	line-height:17px; 
	-webkit-text-size-adjust:none;
}
a { color: #333;}
.clear { clear: both;}
.wrapper { position: relative; overflow: hidden;}
header { 
	background:url(../images/bgd-header.jpg) repeat 0px 0px; 
	height: 56px;
	position: relative;
}
header .logo { float: left; padding: 9px 0px 0px 10px;}
header .logo a, .footer-bt .logo { 
	display: block; 
	background:url(../images/logo-mainguyen.png) no-repeat 0px 0px; 
	width: 145px; height: 36px; 
	text-indent: -99999px;
}
	header .type-1 {
		position: absolute;
		top: 9px; 
		display: block; 		
		border-radius: 50%; 
		-moz-border-radius: 50%; 
		-webkit-border-radius: 50px;
		background: #1c1c1c; 
		padding: 10px 9px; 
		text-indent: -9999px;
	}
	header .type-1 span { 
		background-image: url(../images/wi-icon.png);
		background-repeat: no-repeat; 
		width: 18px; height: 17px; 
		display: block;
		-webkit-transition: background 0.3s ease 0s;
		-moz-transition: background 0.3s ease 0s;
		-ms-transition: background 0.3s ease 0s;
		-o-transition: background 0.3s ease 0s;
		transition: background 0.3s ease 0s;
	}
		header .search { right: 60px;}
			header .search span { right: 60px; background-position: -49px -749px;}
			header .search.search-close span { background-position: -49px -699px;}
		header .ahome { right: 106px;}
			header .ahome span{ right: 100px; background-position: -100px -750px;}	
	
	header .show-menu { 
		position: absolute;
		top: 7px; right: 10px; 
		z-index: 100;
		display: block; 
		background:url(../images/wi-icon.png) no-repeat 0px -350px; 
		width: 40px; height: 40px; 
		text-indent: -9999px;			
	}
.hideicon {
	animation:animated_div1 0.8s 1;
	-moz-animation:animated_div1 0.8s 1;
	-webkit-animation:animated_div1 0.8s 1;
	-o-animation:animated_div1 0.8s 1;
}
.lanmenu {
	animation:animated_div 0.6s;
	-moz-animation:animated_div 0.6s;
	-webkit-animation:animated_div 0.6s;
	-o-animation:animated_div 0.6s;
}
@keyframes animated_div
{
	0%		{-webkit-transform: rotate(0deg);right:-10px;}	
	40%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(360deg);right:10px;}
}
@-webkit-keyframes animated_div
{
	0%		{-webkit-transform: rotate(0deg);right:-10px;}	
	40%		{-webkit-transform: rotate(180deg);right:0px;}	
	100%	{-webkit-transform: rotate(360deg);right:10px;}
}

@-moz-keyframes animated_div
{
	0%		{-webkit-transform: rotate(0deg);right:-10px;}	
	40%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(360deg);right:10px;}
}

@-o-keyframes animated_div
{
	0%		{-webkit-transform: rotate(0deg);right:-10px;}	
	40%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(360deg);right:10px;}
}

@keyframes animated_div1
{
	0%		{-webkit-transform: rotate(360deg);right:10px;}	
	50%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(0deg);right:-10px;}
}
@-webkit-keyframes animated_div1
{
	0%		{-webkit-transform: rotate(360deg);right:10px;}	
	50%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(0deg);right:-10px;}
}
@-moz-keyframes animated_div1
{
	0%		{-webkit-transform: rotate(360deg);right:10px;}	
	50%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(0deg);right:-10px;}
}
@-o-keyframes animated_div1
{
	0%		{-webkit-transform: rotate(360deg);right:10px;}	
	50%		{-webkit-transform: rotate(180deg);right:5px;}	
	100%	{-webkit-transform: rotate(0deg);right:-10px;}
}

#menu { 
	transform: translateX(100%);
	-ms-transform: translateX(100%); /* Internet Explorer */
	-moz-transform: translateX(100%); /* Firefox */
	-webkit-transform: translateX(100%); /* Safari and Chrome */
	-o-transform: translateX(100%); /* Opera */
	
	-webkit-transition : -webkit-transform .4s cubic-bezier(0.000,0.7,0.3,1);	
	transition: transform .4s cubic-bezier(0.000,0.7,0.3,1);
	-moz-transition: -moz-transform .4s cubic-bezier(0.000,0.7,0.3,1);
	-ms-transition : -webkit-transform .4s cubic-bezier(0.000,0.7,0.3,1);
	-o-transition: -o-transform .4s cubic-bezier(0.000,0.7,0.3,1);
	
	box-shadow : -1px 1px 2px #999;
	-moz-box-shadow : -1px 1px 2px #999;
	-webkit-box-shadow : -1px 1px 2px #999;
	-ms-box-shadow : -1px 1px 2px #999;
	-o-box-shadow : -1px 1px 2px #999;
	
	position:absolute;
	top:0px;
	right: -5px;
	width:40px;
	z-index:99999;  
  	background: #ff5400; 
	width: 280px;
	min-height: 400px;
	padding: 50px 00px 0px;
}

#menu.open, .ct-popup.open {
	transform: translateX(0);
	-ms-transform: translateX(0); /* Internet Explorer */
	-moz-transform: translateX(0); /* Firefox */
	-webkit-transform: translateX(0); /* Safari and Chrome */
	-o-transform: translateX(0); /* Opera */
}
#menu > ul{
	padding: 0px 20px;
	overflow: hidden;
	height: 100%;
	text-align: right;
}
	#menu ul li {
		margin: 0px 0px 20px; 
	}
	#menu ul li a {
		color: #fff;
    	font-family: 'UTMSwissCondensedRegular';
		display: block;
		font-size: 20px;
		line-height: 22px;
		text-transform: uppercase;
		border-bottom: 1px solid rgba(2555, 255, 255, 0.3);
	}
		#menu ul li a span {
			background: #ff5400;
			border-bottom: 1px solid #ff5400;
			padding: 0px 0px 0px 10px;
			margin: 0px 0px -2px;
		}
	#menu ul li ul li {
		background:url(../images/bullet-2.png) no-repeat right 10px;
		padding: 0px 15px 0px 0px;
		margin: 0px;
	}	
		#menu ul li ul li:first-child { margin: 5px 0px 0px;}
		#menu ul li ul li:last-child { background: none;}
		#menu ul li ul li:last-child a { padding: 0px 0px 0px;}
		#menu ul li.other-prod ul li + * + * + * + * { background:url(../images/bullet-2.png) no-repeat right 10px;}
		#menu ul li.other-prod ul li + * + * + * + * a { padding: 5px 0px 0px;}
		#menu ul li:last-child { margin: 0px;}
	#menu ul li ul li a{		
		border: none; 
		font-size: 16px;
		color: #fff5f6;
		text-transform: capitalize;
		padding: 5px 0px;
	}
		#menu ul li.socialnetwork ul { float: right;}
		#menu ul li.socialnetwork ul li { float: left; margin: 10px 0px 0px 10px; padding: 0px;}
		#menu ul li.socialnetwork ul li a { display: block; width: 28px; height: 28px; background: url(../images/wi-icon.png) no-repeat; font-size: 0px;}
		#menu ul li.socialnetwork ul li a.facebook { background-position: 0px -400px;} 
		#menu ul li.socialnetwork ul li a.google { background-position: -50px -400px;}
		#menu ul li.socialnetwork ul li a.youtube { background-position: -100px -400px;}
#menu .close {
	display: none;
	background: url(../images/wi-icon.png) no-repeat -50px -350px; width: 12px; height: 12px;
	position: absolute;
	top: 20px;
	right: 20px;
	text-indent: -9999px;
}
/* search-block */
#loading-search { position: absolute; top: 70px; left: 0px; width: 16px; height: 16px; padding: 0px 0px 0px 30px; background: url(../images/loading.gif) no-repeat 10px center;}
#search-block {
    background: url("../images/bgd-2.png") repeat scroll 0 0 transparent;
	width: 100%;
	height: 50px;
	left: 0px;
	top: 56px;
	position: absolute;
	display: none;
}
	#search-block  form { padding: 10px; opacity: 0;}
	.search-txt
	, .search-txt:focus { 
	background: #000; border: 1px solid #353535; width: 98%; height: 28px; padding: 0px 0px 0px 2px; line-height: 28px; font-size: 11px; color: #999; -webkit-appearance:none; cursor: hand; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;}
	.search-btn { position: absolute; top: 10px; right: 11px; background: #f1f1f1 url(../images/wi-icon.png) no-repeat -90px -693px; width: 40px; height: 30px; border: 1px solid #353535; font-size: 1px; text-indent: -9999px; cursor: pointer; -webkit-appearance: none;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;}
/* icon-block */
.icon-block { background:url(../images/bgd-2.png) repeat 0px 0px; padding: 20px 0px 0px 24px;}
.icon-block ul { overflow: hidden; width: 292px; margin: 0px auto;}
.icon-block ul li { float: left; margin: 0px 20px 20px 0px; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border: 1px solid #fff;
		
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 90%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(90%,#e1e1e1), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 90%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 90%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 90%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 90%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */}
.icon-block ul li a { display: block; width: 75px; height: 75px; text-align: center;  background:url(../images/wi-icon.png) no-repeat 0px 0px; }
.icon-block ul li a.phone-icon { background-position: 25px 10px;}
.icon-block ul li a.access-icon { background-position: 20px -90px;}
.icon-block ul li a.tablet-icon { background-position: 16px -186px;}
.icon-block ul li a.used-icon { background-position: -80px 14px;}
.icon-block ul li a.news-icon { background-position: -80px -83px;}
.icon-block ul li a.deal-icon { background-position: -77px -182px;}
	.icon-block ul li a span { display: block; padding: 52px 0px 0px;}
/* slide-block */
.slide-block .preview { overflow: hidden;}
.slide-block .preview ul { width: 2000px;}
.slide-block .preview ul li { float: left; position: relative; height: 180px; overflow: hidden; }
.slide-block .thumb { background: #efefef url(../images/bgd-navslide.jpg) repeat-x 0px 0px; height: 30px; line-height: 30px; position: relative; padding: 0px 10px;}
.slide-block .thumb > a, .slide-block .thumb > span { display: block;}
.slide-block .thumb > a { 
    font-family: 'UTMCafetaRegular';
	font-size: 17px;
	color: #414141;
	background-image:url(../images/wi-icon.png);
	background-repeat: no-repeat;
}
.slide-block .thumb > a:hover { color: #ff5400;}
.slide-block .thumb .prev { float: left; padding: 0px 0px 0px 12px; background-position:  -50px -288px;}
.slide-block .thumb > span { margin: 0px auto; height: 4px; width: 100px; text-align: center;}
	.slide-block .thumb > span em { width: 8px; height: 4px; background: #666666; display: inline-block; text-indent: -9999px; margin: 13px 0 0 5px;}
	.slide-block .thumb > span em:first-child { margin: 0px;}
	.slide-block .thumb > span em.on { background: #ff5400;}
.slide-block .thumb .next { float: right; padding: 0px 12px 0px 0px; margin: -4px 0px 0px; background-position:  -75px -288px;}
	/* gallery */
	.gallery .preview {
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}
		.gallery .preview ul, .gallery .preview ul { height: 180px;}
		.gallery .preview ul li > a { display: block;}
		.gallery .preview ul li > a img { height: auto; width: 100%; min-height: 180px; min-width: 320px; max-width: 700px; }
		.gallery .preview ul li > h3 {
			position: absolute; 
			left: 0px; right: 0px;
			bottom: 0px;
			background: rgba(0, 0, 0, 0.8);
			max-width: 700px;
		}
		.gallery .preview ul li > h3  a { 
			display: block;
			padding: 10px;
			font-size: 12px; 
			color: #fff; 
			line-height: 17px; 
		}
	/* slide-block */
	.block .preview { height: 170px; margin: 10px 0px;}
	.prod-item { float: left; position: relative; width: 45%; padding: 1%; text-align: center; }
	.prod-item figure { overflow: hidden; width: width: 98%; height: 100px; margin: 0px auto;}
		.prod-item figure img { height: 99px;}
	.prod-item .name {display: block; height: 28px;	line-height: 14px; margin: 5px 10px; overflow: hidden;}
	.prod-item > strong { color: #ff5400;}
	
/* END: slide-block */		
.block { margin: 0px 0px 10px;}
.title { 
	border-bottom: 2px solid #000000;
    height: 28px;
    padding: 10px 0 0 20px;
    position: relative;
}
	.title span {  
		background: url(../images/bg-titleblock.jpg) no-repeat scroll right top #000000;
		color: #FFFFFF;
		display: inline-block;
		font: 18px 'UTMCafetaRegular';
		height: 24px;
		padding: 4px 15px 0px 10px;
		text-transform: uppercase;
	}
/* END: block */
.detail-header { overflow: hidden; padding: 10px; display: block;}
.detail-header > h1 { margin: 0px 0px 5px; font-size: 20px; font: 18px 'UTMCafetaRegular';}
.detail-header > strong { font-size: 12px;}
.detail-header > img { float: left; margin: 0px 10px 0px 0px;}
.back-link { background: #f2f2f2 url(../images/bullet-3.png) no-repeat 10px 10px; display: block; padding: 5px 10px 5px 25px; font: 14px 'UTMCafetaRegular'; }
.menu nav li, .tabs-prod li { background: #fff; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;}
.menu nav li a, .tabs-prod li a{ display: block; padding: 7px 10px; font: 18px 'UTMCafetaRegular'; text-transform: uppercase;}
.menu nav li a span, .tabs-prod li a span,
.tabs-prod li#item-spec a.arrow-up  span { display: block; position: absolute; top: 8px; right: 10px; width: 13px; height: 20px; background:url(../images/bullet-menu.png) no-repeat 0px center; }
.tabs-prod li#item-spec a.arrow-down  span  { background:url(../images/bullet-menu-down.png) no-repeat 0px center; width: 19px; height: 11px; top: 10px;}
/* style page cate prod */
.arrow-link { display: block; position: absolute; top: 0px; right: 10px; width: 10px; height: 100%; background:url(../images/bullet-item.png) no-repeat center center; text-indent: -9999px;}
.list-prod ul li, .cate-news ul li { overflow: hidden; background: #fff; border-bottom: 1px solid #e7e7e7; position: relative; padding: 10px 25px 10px 10px;}
.list-prod ul li a, .cate-news ul li a { display: block;}
.list-prod ul li a img, .cate-news ul li a img { float: left; margin: 0px 10px 0px 0px;}
.list-prod ul li a .name-item , .cate-news ul li a .name-item { font-size: 12px; color: #414141; margin: 0px 0px 7px; display: block; line-height: 17px;}
.list-prod ul li a .price-prod { color: #ff5400; margin: 0px 0px 7px; display: block;}
.list-prod ul li a .promo-item { display: block; margin: 0px 0px 0px 85px; text-indent: -999px; background-image: url(../images/promo-icon.png); background-repeat: no-repeat; height: 20px;}
.list-prod ul li a .promo-item.promo-new { background-position: 0px 0px; width: 30px;}
.list-prod ul li a .promo-item.promo-stock { background-position: 0px -30px; width:70px;}
.list-prod ul li a .promo-item.promo-comming { background-position: 0px -60px; width: 67px;}
.list-prod ul li a .promo-item.promo-gift { background-position: 0px -90px; width: 35px;}
.cate-news ul li { padding: 10px;}
.cate-news ul li a .name-item { font-family: 'UTMSwissCondensedRegular'; font-size: 16px; color: #333;}
.cate-news .date-item { color: #666; margin: 0px 0px 5px; display: block;}
.hot-item { display: block; position: absolute; background:url(../images/wi-icon.png) no-repeat -127px -350px; width: 23px; height: 16px; text-indent: -9999px;}
.cate-news .hot-item { top: 13px; left: 72px;}
.cate-news .news-spec { overflow: hidden; position: relative;}
.cate-news .news-spec p { float: left; width: 80%; margin: 0 1% 0 0;}
		   .news-spec .hot-item { top: 2px; right: 62px; left: auto; background-position: -100px -350px;}
.cate-news .news-spec img { float: right; width: 80px; margin: 0px;}
.news-relate > h4 { font-family: 'UTMSwissCondensedRegular'; font-size: 16px; color: #ff5400; border-bottom: 2px solid #ccc; padding: 5px 10px; background: #f7f7f7;}
.cate-news.news-relate .name-item { font-size: 14px;}

.list-prod.cate-prod ul li a img { width: 50px; height: 66px;} 
.list-prod.cate-news ul li a img { width: 80px; height: 60px;} 

.ct-popup { position: absolute; right: -4%; top: 1px; z-index: 101; width: 96%; background: #fff; 
			box-shadow: 0px 1px 2px #CCC;
			-moz-box-shadow: 0px 1px 2px #CCC;
			-o-box-shadow: 0px 1px 2px #CCC;
			-webkit-box-shadow: 0px 1px 2px #CCC;
			-ms-box-shadow: 0px 1px 2px #CCC;
			
			transform: translateX(100%);
			-ms-transform: translateX(100%); /* Internet Explorer */
			-moz-transform: translateX(100%); /* Firefox */
			-webkit-transform: translateX(100%); /* Safari and Chrome */
			-o-transform: translateX(100%); /* Opera */
			
			-webkit-transition : -webkit-transform .4s cubic-bezier(0.000,0.7,0.3,1);	
			transition: transform .4s cubic-bezier(0.000,0.7,0.3,1);
			-moz-transition: -moz-transform .4s cubic-bezier(0.000,0.7,0.3,1);
			-ms-transition : -webkit-transform .4s cubic-bezier(0.000,0.7,0.3,1);
			-o-transition: -o-transform .4s cubic-bezier(0.000,0.7,0.3,1);
		}
.ct-popup .outer { padding: 7% 2% 6% 6%;}
.ct-popup .inner { padding: 0% 4% 0% 0%; overflow-y: auto;}
.ct-popup .inner p { line-height: 22px; margin: 0px 0px 10px; text-align: justify;}
		
.ct-popup .close { display: block; width: 25px; height: 24px; background:url(../images/wi-icon.png) no-repeat 0px -700px; position: absolute; top: 5px; right: 5px; text-indent: -9999px; font-size: 1px;}
/* readmore 1 */
.readmore-1 { position: relative; height: 32px; width: 100%; margin: 20px 0px; overflow: hidden;}
.readmore-1 .line { display: block; height: 1px; width: 100%; background: #ccc; position: absolute; top: 15px; left: 0px;}
.readmore-1 .line-1 { display: block; width: 60%; height: 1px; background: #eee; margin: 12px auto 0px auto;}
.readmore-1 .line-1.lineb { margin: 5px auto 0px auto; }
.readmore-1 a { display: block; background: #fff; width: 79px; padding: 0px 2px; margin: auto; position: relative; top: -18px; z-index: 1; }
.readmore-1 a span { 
	display: block; 
	background: #ff7a38; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url();
	background: -moz-linear-gradient(top,  #ff7a38 0%, #ff5400 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7a38), color-stop(95%,#ff5400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff7a38 0%,#ff5400 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff7a38 0%,#ff5400 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff7a38 0%,#ff5400 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff7a38 0%,#ff5400 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a38', endColorstr='#ff5400',GradientType=0 ); /* IE6-8 */
	
	width: 75px;  height: 25px; line-height: 25px;
	margin: 0px auto;
	font-family: 'UTMCafetaRegular'; font-size: 16px; color: #fff; text-align: center;
	border: 1px solid #f45100;			
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	
	moz-box-shadow: 0px 1px 3px #989b9d;
	-webkit-box-shadow: 0px 1px 3px #989b9d;
	box-shadow: 0px 1px 3px #989b9d;
}
.prod-select { margin: 10px 10px 0px;}
.prod-select select { width: 100%; text-align: center;}

/* page */
.detail-page h1 {
	font: 20px 'UTMCafetaRegular';
}
.detail-page > h1 {
	padding: 10px;
}
.news_article_item h1 { padding: 0px 0px 10px;}
.detail-page .list-img { padding: 10px 10px 0px;}
.detail-page .list-img p { text-align: center; margin: 0px 0px 10px;}
.detail-page .list-img p img, .news_article_item p img, .news_article_item img,
.detail-page .list-img img, .pre_order_bn img  { height: auto;  max-width: 600px; width: 100%; border: 1px solid #ccc;}

.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } /* Embedded Videos */
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.news_article_item { padding: 10px;}
.news_article_item  > h3 { font-size: 20px; line-height: 24px; margin: 0px 0px 10px;}
.news_article_item  > h4 { font-weight: bold; margin: 0px 0px 10px;}
.news_article_item  p { margin: 0px 0px 10px;}
	.intro-prod {
		background: #f8f8f8;
		padding: 10px;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}
		.pic-prod { display: block; float: left; width: 152px;  margin: 0px 20px 0px 0px; text-align: center; }
		.pic-prod img { border: 1px solid #ccc; padding: 10px 5px; background: #fff; margin: 0px 0px 5px;}
		.pic-prod > .price-prod { font: 20px 'UTMCafetaRegular'; color: #ff5400; line-height: 17px; display: block;}
		.ranks-list { float: left; width: 40%;}
		.ranks-list li { margin: 0px 0px 10px; width: 100%; height: 45px; line-height: 15px; text-align: left;}
			.ranks-list	#store-prod.instock { background: #fa4b2a;}
						#store-prod.outstock { background: #000;}
						#store-prod.comingsoon { background: #37b6e8;}
						#store-prod.order { background: #dd0000;}
			.ranks-list #box-prod   { background: #ea4c4c;}
			.ranks-list #deal-prod  { background: #3597e2;}
			.ranks-list #buy-online  { background: #8dcf37;}
						#buy-online p { padding: 1px 0px 5px 5px; color: #fff; }
			#store-prod.outstock span:first-child { padding: 10px 5px;}
		.ranks-list li a { position: relative; display: block; padding: 1px 0px 5px 5px; color: #fff; }
		.ranks-list li a .arrow-link  { display: block; position: absolute; right: 5px; top: 0px; width: 6px; height: 100%; background: url(../images/bullet-4.png) no-repeat right center;}
		.ranks-list li span:first-child { display: block; font: 18px 'UTMCafetaRegular'; color: #fff;}
		.ranks-list li a span { display: block;}
	.tabs-prod li { background: #f2f2f2;}
	.tabs-prod li a { background-image: url(../images/wi-icon.png); background-repeat: no-repeat; padding: 7px 10px 7px 40px;}
		.tabs-prod li#item-comment a { background-position: 7px -790px;}
		.tabs-prod li#item-pic a { background-position: 10px -499px;}
		.tabs-prod li#item-article a { background-position: 10px -562px;}
		.tabs-prod li#item-related a { background-position: 10px -620px;}
		.tabs-prod li#item-access-related a { background-position: 10px -892px; }
		.tabs-prod li#item-prod-related a { background-position: 10px -993px;}
		.tabs-prod li#item-spec a { background-position: 10px -438px;}
		.tabs-prod li#item-video a { background-position: 10px -936px;}
		
	.specs-list table { width: 100%; border-top: 3px solid #ccc;}
	.specs-list table tr td.title {
		color: #000000;
		height : 100%;
	}
	.specs-list  table tr td {
		border-bottom: 1px dotted #CCCCCC;
		padding: 5px;
		text-align: left;
	}	
	.specs-list  table tr th {
		background-color: #F7F7F7;
		border-bottom: 1px solid #CCCCCC;
		color: #FF5400;
		font-size: 12px;
		font-weight: bold;
		padding: 5px;
		text-align: left;
		text-transform: uppercase;
	}
	#ct-store-prod strong { display: block; margin: 0px 0px 5px; font-size: 13px;}
	#ct-store-prod ul li{
		color: #FF5400;
		list-style: circle inside none
	}
	#ct-store-prod ul li a{
		color: #FF5400;
		display: inline;
	}
	
/* END: page */
/* END: menu footer */
footer { background: #000;}
	.sys-store h3 { padding: 5px 10px; border-bottom: 1px solid #353535; font: 18px 'UTMCafetaRegular'; text-transform: uppercase; color: #fff;}
	.sys-store ul li { border-top: 1px dashed #161616;}
	.sys-store ul li:first-child { border-top: none;}
	.sys-store ul li a { display: block; color: #777; background:url(../images/bullet-1.png) no-repeat 10px 12px; padding: 8px 20px 8px 25px; line-height: 14px;}
	.sys-store ul li a span { display: block;}

.footer-bt { overflow: hidden; padding: 10px; border-top: 1px solid #353535;}
.footer-bt .logo { float: left;}
.footer-bt > ul { float: right; text-align: right;}
.footer-bt > ul li { margin: 20px 0px 0px;}
.footer-bt > ul li a { display: block; color: #999; }
.footer-bt > ul li:first-child{ margin: 0px;}
.switch-desktop { display: block; padding: 20px; border-top: 1px solid #353535; background: #efefef url(../images/bgd-navslide.jpg) repeat-x 0px 0px; color: #000; text-align: center; font-size: 14px; font-weight: bold;}
.switch-desktop span { background: url(../images/icon-desktop.png) no-repeat 0px 4px; padding: 5px 0px 5px 30px;}
	
/* END: footer */
		
/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {	
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}




/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 320px) {	
	.cate-news .news-spec p { width: 72%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	.cate-news .news-spec p { width: 80%;}
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	.cate-news .news-spec p { width: 72%;}
}

/* FOR NEWS page */
.secondary-menu {
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 5px 0 0;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.secondary-menu ul {
    border-bottom: 1px solid #E7E7E7;
    float: left;
    width: 100%;
}
.secondary-menu ul li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0 2px 0 0;
    min-width: 20%;
    position: relative;
    text-align: center;
    top: 1px;
}
.secondary-menu li a {    
    background: none repeat scroll 0 0 #E7E7E7;
    display: block;
    font: bold 12px/29px Arial,sans-serif;
    height: 29px;
    padding: 2px 12px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #E7E7E7;
	border-bottom: none;
}

.secondary-menu li.active { top: 1px}
.secondary-menu li.active a { background: #fff;	padding-bottom: 3px; border: 1px solid #E7E7E7; border-bottom: none;}
.secondary-menu li:first-of-type.active a { border-left: none; }
.slt_cate {
	height: 30px;
	padding: 0 5px;
}
.news_art_item_datepost {
	color: #b5b5b5;
	margin: 0 0 10px 0;
}
 	/* COMMENT PAGE */
	.sub-header {
		margin-top: 0px;
		margin-bottom: 9px;
		padding: 6px 6px;
		height: 1%;
		background: none repeat scroll 0 0 #f2f2f2;
		border-top: solid 1px #E7E7E7;
		border-bottom: solid 1px #E7E7E7;
	}
	.sub-header p {	font-size: 12px; }
	.sub-header div { font-size: 13px;	}
	.button-links li {
	    background: none repeat scroll 0 0 #000;
	    float: left;
	    font: 12px Arial;
	    margin-right: 12px;
	}	
	.button-links li a {
		border-color: #ddd;
	    border-style: solid;
	    border-width: 1px;
	    display: block;
	    padding: 4px 12px;
		color: #fff
	}
	.sort-comments {
	    float: right;
	    padding: 0;
	    position: relative;
	    top: -1px;
	    width: 150px;
	}
	.sort-comments select {
		padding: 4px ;
	}
	/* comment item */
		.user-thread {
		    background: none repeat scroll 0 0 #FAFAFA;
		    border-bottom: 15px solid #FFFFFF;
		}	
			.uinfo2 {
			    background: none repeat scroll 0 0 #F2F2F2;
			    height: 25px;
			    line-height: 20px;
			    padding: 0 8px;
			}	
			.uinfo2 li {
			    font-size: 12px;
			    overflow: hidden;
			    padding: 3px 0 0;
				color:#000;
			}		
			.uopin {
			    font-size: 11px;
			    line-height: 17px;
			    padding: 6px;
			}
			.uinfo {
			    border-top: 1px solid #F2F2F2;
			    font-size: 11px;
			    line-height: 240%;
			    overflow: hidden;
			    padding: 4px 8px;
			}
			.ureply {
			    float: right;
			    width: auto;
			}
			.ureply a {				
				text-transform: uppercase;
				padding:5px 10px;
				text-align: center;
				color: #000;
				background: #fff;				
				text-align: center;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				border: 1px solid #ddd;
			}
			.upost {
			    color: #777777;
			    float: left;
			    width: 145px;
			}
	/* COMMENT FORM */
	.user_submit {
		 background: none repeat scroll 0 0 #F2F2F2;
		 padding: 10px;
	}
	.cm_title_warp {
		border-bottom: 1px solid #ddd;
		padding: 0 0 10px 0;
	}
		.comment_title {
			font-size: 12px;
			font-weight: bold;			
		}
	.form_row {
		border-top: 1px solid #f7f7f7;
		border-bottom: 1px solid #ddd;
		padding: 10px 0 5px 0;
	}
	.form_row.noborder {
		
		border-bottom: none;
	}
	.form_row label {
		display: block;
	    font-size: 12px;
	    padding-bottom: 2px;
	}
	.form_row .inp_txt {
		height: 20px;
	}
	.form_row .inp_txt
	, .form_row textarea {
		margin-bottom: 9px;		
		border: 1px solid #ddd;
	    width: 98%;
		max-width: 98%;
		font-family: arial;
		padding: 1%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 11px;
	}
	.register_btn {
		    font: 13px Arial;
		    height: 35px;
		    width: 100%;
			border: 1px solid #ddd;
			color: #fff;
			font-weight: bold;
			background: #45484d; /* Old browsers */
			background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			cursor: pointer;
	}
	.read_reply {
		font-style: italic;
		color: #888888;
		font-size: 11px;
		text-decoration: underline;
		display: block;
	}
	.reply_list {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #f9f7e4;
	    margin: 5px;
		background: #fffef2;
		padding: 5px;
		display: none;
	}
	
	.address_store_info{	
		padding:10px 20px;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 83%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(83%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 83%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 83%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 83%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 83%); /* W3C */
	}
	.address_store_info{
		font: 18px 'UTMCafetaRegular';
	}
	.product_name {
		color: #FF5400;
	}
	.pre_order_bn img { border: none;}
	/* NEWs */
	.list-video p {
		margin: 0 0 10px 0;
	}
	.menu_cate {
		overflow-x: scroll;
		background: #f2f2f2 ;
		
	}
	.menu_cate .menu_cate_ct{		
		border-bottom: solid 1px #000;
		height: 43px;			
	}
		.menu_cate .menu_cate_ct a {
			display: block;
			height: 40px;
			min-width: 110px;
			padding: 0 10px;
			text-align: center;
			line-height: 40px;
			float: left;
			font-weight: bold; 
			text-transform: uppercase;
			
		}
		.menu_cate .menu_cate_ct a.menu_active {
			border-bottom: 3px solid #000;
			color: #FF5400;
		}
		.cate-block.cate-news {
			position: relative;
		} 
		.l_shadow, .r_shadow {
			position: absolute;
			top: 0px;
			width: 20px;
			height: 43px;
		} 
		.l_shadow {
			background: -moz-linear-gradient(left,  rgba(137,137,137,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(137,137,137,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(137,137,137,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(137,137,137,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(137,137,137,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(137,137,137,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6898989', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
			left: 0;
			display: none;
		}
		.r_shadow {
			background: -moz-linear-gradient(left,  rgba(137,137,137,0) 0%, rgba(137,137,137,0.65) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(137,137,137,0)), color-stop(100%,rgba(137,137,137,0.65))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(137,137,137,0) 0%,rgba(137,137,137,0.65) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(137,137,137,0) 0%,rgba(137,137,137,0.65) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(137,137,137,0) 0%,rgba(137,137,137,0.65) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(137,137,137,0) 0%,rgba(137,137,137,0.65) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00898989', endColorstr='#a6898989',GradientType=1 ); /* IE6-9 */
			right: 0;
			
		}